<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="glyphicon glyphicon-repeat pull-left back-icon" ng-click="backMenu()"></span>
        <span class="pull-left back mt15" ng-click="backMenu()">回功能列表</span>
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
        <span class="glyphicon glyphicon-list-alt pull-right back-icon" ng-click="backMenu()"></span>
        <span class="pull-right back mt15" ng-click="backMenu()">快捷菜单</span>
    </div>

    <div class="list-container panel panel-default">
        <div class="panel-body">

            <div class="row sale-info mt20">
                <div class="col-md-7 sale-list">

                    <div class="row isUsed">
                        <div class="col-xs-5">是否启用刷具有卡:</div>
                        <div class="col-xs-7">
                            <label>
                                <input type="radio" name="isUsed" class="form-contol" ng-model="isStart" ng-value="0"/>
                                启用
                            </label>
                            <label>
                                <input type="radio" name="isUsed" class="form-contol" ng-model="isStart" ng-value="1"/>
                                不启用
                            </label>
                        </div>
                    </div>

                    <div class="row table-responsive">
                        <div class="col-xs-5 form-inline saleBlock" ng-repeat="sale in saleList">
                            <div class="row sale-detail">
                                <div class="col-xs-8" ng-bind="sale.name" style="line-height: 3;"></div>
                                <div class="col-xs-4" style="line-height: 3;">￥{{sale.price}}</div>
                            </div>
                            <div class="row text-center sale-num input-group" style="padding-left: 30px;">
                                <span class="input-group-addon" ng-click="remove($index)">-</span>
                                <input type="number" class="form-control" ng-model="sale.num" min="0">
                                <span class="input-group-addon" ng-click="add($index)">+</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-5 sale-selected-list">

                    <div class="row user-info form-inline">
                        <div class="col-md-6 input-group pull-left">
                            <span class="input-group-addon">姓名</span>
                            <input type="text" class="form-control" ng-model="user.name" placeholder="刷卡/身份证">
                        </div>
                        <div class="col-md-6 input-group pull-left">
                            <span class="input-group-addon">身份证号</span>
                            <input type="text" class="form-control" ng-model="user.IdCardno" placeholder="刷卡/身份证">
                        </div>
                        <div class="col-md-6 input-group pull-left">
                            <span class="input-group-addon">电话号码</span>
                            <input type="text" class="form-control" ng-model="user.phone" placeholder="刷卡/身份证">
                        </div>
                        <div class="col-md-6 input-group pull-left">
                            <span class="input-group-addon">会员卡号</span>
                            <input type="text" class="form-control" ng-model="user.memberCardno" placeholder="刷卡/身份证">
                        </div>
                    </div>

                    <div class="row table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th class="col-md-2 text-center">序号</th>
                                    <th class="col-md-4 text-center">票名</th>
                                    <th class="col-md-3 text-center">单价</th>
                                    <th class="col-md-3 text-center">数量</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="form-inline" ng-repeat="sale in saleList" ng-if="sale.num > 0">
                                    <td class="text-center" ng-bind="$index + 1"></td>
                                    <td class="text-center" ng-bind="sale.name"></td>
                                    <td class="text-center">￥{{sale.price}}</td>
                                    <td class="text-center" ng-bind="sale.num"></td>
                                </tr>
                                <tr class="form-inline">
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td class="text-left">合计 ￥{{totalPrice}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="row">
                        <div class="col-xs-4"></div>
                        <div class="col-xs-4 form-inline">
                            <div class="row input-group">
                                <span class="input-group-addon">实收</span>
                                <input type="number" class="form-control" ng-model="sale.num">
                            </div>
                            <div class="row mt10">
                                <div class="col-xs-4" style="padding-left:10px;">
                                    找零:
                                </div>
                                <div class="col-xs-8">
                                    <p class="text-danger">12</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4" style="padding-left: 25px;">
                            <a class="btn btn-success tic-btn" ng-click="createTicket()" disabled={{ticketFlag}}>出票</a>
                        </div>
                    </div>
                    <div class="row mt30" style="margin-left: 0px;">
                        <div class="col-xs-4 text-center">
                            <a class="btn btn-info tic-btn" ng-click="createTicket()">重置</a>
                        </div>
                        <div class="col-xs-4 text-center">
                            <a class="btn btn-warning tic-btn" ng-click="createTicket()">微信支付</a>
                        </div>
                        <div class="col-xs-4 text-center">
                            <a class="btn btn-warning tic-btn" ng-click="createTicket()">支付宝</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>

<style type="text/css">
    .title {
        font-size: 35px;
    }

    .back {
        font-size: 15px;
        vertical-align: middle;
    }

    .back-icon {
        font-size: 15px;
        margin: 15px;
        margin-top: 18px;
        vertical-align: middle;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }

    .row div {
        padding: 0px;
    }

    .sale-info {
        border: 0px solid #FFF;
    }

    .table>tbody>tr>td {
        border-top: 0px solid #ddd;
    }

    .table-bordered>tbody>tr>td {
        border: 0px solid #ddd;
    }

    .table-bordered {
        border: 0px solid #ddd;
    }

    .sale-info .sale-list {
        height: 765px;
        border: 1px solid #ddd;
    }

    .sale-info .sale-selected-list {
        height: 765px;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .row {
        margin-right: 0px;
        /*margin-left: -15px;*/
    }

    .tic-btn {
        width: 80px;
        height: 72px;
        padding-top: 25px;
    }

    .saleBlock {
        margin: 20px;
        margin-top: 20px;
        margin-left: 30px;
        padding: 20px;
        height: 100px;
        border: 2px solid #2c98d4;
    }

    .sale-detail {
        font-size: 20px;
        height: 60px;
        border-bottom: 2px solid #2c98d4;
    }

    .isUsed {
        padding-top: 10px;
        margin-left: 20px;
        font-size: 30px;
    }
</style>